*{margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
box-sizing: border-box;}
a{
	color: #333;
}
body{min-width: 320px;
max-width: 640px;
margin: 0 auto;
background: #e3f4fd;
font-family: "微软雅黑";
font-size: 14px;}

.header{
	width: 100%;
	height: 44px;
	min-width: 320px;
	max-width: 640px;
	background: #DF5000;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
}
.header h3{
	font-size: 16px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	padding: 0 60px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;	
	text-overflow: ellipsis;
	/*text-align: ellipsis;*/
}
.header .icon{
	text-align: center;
	line-height: 36px;
	width: 36px;
	height: 36px;
	position: absolute;
	display: block;	
	/*border: 1px solid black;*/
	top: 4px;
}
.header .icon:first-child{
	left: 4px;
}
.header .icon:last-child{
	right: 4px;
	color: #fff;
	font-size: 22px;
	margin-top: 3px;
}
.content{padding-top: 44px;
background: #e3f4fd;
padding-bottom:40px ;}
.swiper-container img{width: 100%;
display: block;}
.idx-menu{
display: flex;
justify-content: space-around;
display: block;
width: 100%;
background: #fff;
overflow: hidden;
padding: 10px 0;
margin-bottom: 10px;}
.idx-menu a{
	text-align: center;
	float: left;
	display: block;
	width: 25%;
	font-size: 16px;
}
.idx-menu img{max-width: 60%;	
}
.idx-menu h5{font-weight:normal;}
.app{
width: 100%;

margin: 10px 0px;}
.app-title {
height: 40px;
background: white;

text-align: center;
line-height: 40px;
}
.app-title a{

	padding: 2px 20px;
	margin-top: 10px;
	color: white;
	border-radius: 5px;
	background: blueviolet;
}
.app-content{

padding: 10px 10px 0 10px;
overflow: hidden;
}
.app-content li{
	
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
.app-content li img{width: 100%;
display: block;}
.app-content li:nth-child(odd){
	padding-right: 5px;
}
.app-content li:nth-child(even){
	padding-left:5px;
}
.footer{
	width: 100%;
	height: 50px;
	min-width: 320px;
	max-width: 640px;
	background-color:#fafafa;
	border-top:1px solid #eee;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-around;
	z-index: 1000;
}
.footer a{font-size: 14px;
color: #777;
flex: 1;
text-align: center;}
.footer a i{display: block;
margin:0 auto;
text-align: center;
font-size: 22px;
margin-top: 5px;}

.footer a.active{
	color: #0ca7f7;
}

/*	分类页
 */
.icon-fanhui{font-size: 22px;
color: white;}
.menu-list{width: 25%;
position: fixed;
left: 0;
top: 44px;
background: #fff;
overflow-y: scroll;
text-align: center;}
.menu-list li{
	line-height: 44px;
}
.menu-list li .active{
	color: #0ca7f7;
}
.menu-box{width: 75%;
position: fixed;	
right: 0;
overflow-y: scroll;
overflow-x: hidden;
top: 44px;
}
.menu-inner{
	
	padding: 10px 5px;
}
.menu-img{width: 100%;}
.menu-inner li{
	width: 50%;
	margin-bottom: 10px;
	float: left;
}
.menu-inner li:nth-child(odd){
	padding-right: 5px;
}
.menu-inner li:nth-child(even){
	padding-left: 5px;
}
.menu-inner li img{
	width: 100%;
	display: block;
}

/*	列表项
 */
.good-sx{width: 100%;
height: 40px;
position: fixed;
left: 50%;
min-width: 320px;	
max-width: 640px;
z-index: 20;
background: white;
top: 44px;
transform: translateX(-50%);
}
.good-sx>a{
	display: block;
	width: 27%;
	text-align: center;
	float: left;
	line-height: 40px;
}
.good-sx>div{
	width: 18%;
	float: left;
	text-overflow: ellipsis;
	
	height: 40px;
}
.good-sx>div span{line-height: 40px;
display: block;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;}
.good-sx>div ul{
	position: absolute;
	top: 40px;
	right: 0px;
	display: none;
	width: 100px;
	width: 25%;

}
.good-sx>div ul a{
	background-color:#fff ;
	display: block;
	line-height: 30px;
	text-align: center;
	border-bottom: 1px solid #eee;
}
.good-sx>div ul li:last-child a{
	border: none;
}
.good-sx>div ul.active{
	display: block;
}
.good-item {padding: 10px;
margin-bottom: 5px;
margin-top: 30px;}

/*.good-item ul{overflow: hidden;
	position: relative;}*/
.good-item ul{
	overflow: hidden;
}
.good-item li{width: 48%;
z-index: -5;
margin-top: 10px;
float: left;}
.good-item li:nth-child(even){
	float: right;
}
.good-item img{height: 150px;
width: 100%;}
.good-item h3 {color: red;
text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;	
}
.good-item h4{
	float: left;
	font-size: 114%;
color: red;}

.good-item .icon-icon{display: block;
float: right;
color: red;
margin-right: 5px;
margin-top: -4px;
font-size: 26px;}

/*		详情页
 *
 */
.icon-left {color: white;
margin-top: 3px;}
.header .share{
	float: right;
	margin-top: -32px;
	margin-right: 10px;
}
.header .share img{height: 20px;
width: 20px;}
#details{background: white;}
#details > img{width:100%;}
#details > h3{
	font-size: 20px;
	font-weight: normal;
}
#details >span:nth-child(3){
	color: red;
	font-size: 18px;
}
#details >span:nth-child(4){
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
	font-size: 18px;
	position: absolute;
}
#details span span{
	font-size: 18px;
	color: red;
}
#details >span:nth-child(5){
	float: right;
	font-size: 18px;
}
